<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Title{% endblock %}</title>
        <link rel="stylesheet" href="/static/js/layui-v2.4.3/layui/css/layui.css">
        {% load static %}
        <script src="/static/js/jQuery.js"></script>
        <script src="/static/js/bootstrap1/js/bootstrap.js"></script>

        <link rel="stylesheet" href="{% static 'news/css/base.css' %}">

        {% block style %}

        {% endblock %}
    </head>`
    <body>

        {#导航栏#}
        <div class="nav">
            <!--标题-->
            <div class="title">

                <!--左边-->
                {% block t_left %}
                <div class="t_left">
                    <a href=""><img src="{% static 'news/media/web/logo.png' %}"></a>
                </div>
                {% endblock %}
                <!--右边-->
                {% block t_r %}
                <div id="t_r">

                    <div class="user_down">
                        <a href="{% url 'news:fbnr' %}"><input type="submit" value="发布内容" name="fabu"></a>
                        <div class="user_1"><a href="{% url 'news:base_news' %}"><img src="{% url 'media' author.photo %}"></a></div>

                    </div>


                </div>
                {% endblock %}


            </div>
        </div>


{% block top %}
{% endblock %}


{% block content %}

    <!--内容-->
    <div id="content">
        {# 左边 #}
        {% block c_left%}
            <div class="c_left">
                {#左上#}
                <div class="am">
{#                    request.session.photo#}
                    <div class="us">
                        <img src=" {% url 'media' author.photo %}" alt="" >
                        <a href="">{{ author.nick_name }} <img src="{% static 'news/media/web/vip.png' %}" class="a"></a>
                    </div>
                    {#左左#}
                    <div class="sheng">
                        <a href=""><img src="{% static 'news/media/xiaochengxu/my_jf@2x.png' %}"></a>
                        <a href=""><span>剩余积分</span></a>
                        <br>
                        <a href=""><span class="b">{{ author.score }}</span></a>
                    </div>
                    {#左右#}
                    <div class="yu">
                        <span></span>
                        <span>剩余发布次数</span>
                        <a href="">{{ author.leave_count }}</a>
                    </div>
                </div>


                {#左下#}
                <div class="huiyuan">
                    <ul class="layui-nav layui-nav-tree" lay-filter="test" style="background-color: white; width: 302px; height: 882px; list-style-type: none;" >
                  <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="{% url 'news:hy' %}"> <img src="{% static 'news/media/web/my_vip.png' %}"> <span style="color: black;font-family: PingFangSC-Regular;font-size: 18px;color: #2C323E;letter-spacing: 1.23px;margin-left: 10px;">我的会员</span></a>
                        </li>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="{% url 'news:jifen' %}"> <img src="{% static 'news/media/web/my_jf.png' %}"> <span style="color: black;font-family: PingFangSC-Regular;font-size: 18px;color: #2C323E;letter-spacing: 1.23px;margin-left: 10px;">我的积分</span></a>
                        </li>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="{% url 'news:fabu' %}"> <img src="{% static 'news/media/web/post_n.png' %}"> <span style="color: black;font-family: PingFangSC-Regular;font-size: 18px;color: #2C323E;letter-spacing: 1.23px;margin-left: 10px;">我的发布</span></a>
                        </li>
                        <li class="layui-nav-item layui-nav-itemed">
                            <a href="{% url 'news:xxtz' %}"> <img src="{% static 'news/media/web/xxx_n.png' %}"> <span style="color: black;font-family: PingFangSC-Regular;font-size: 18px;color: #2C323E;letter-spacing: 1.23px;margin-left: 10px;">消息通知</span></a>
                        </li>

                        <li class="layui-nav-item layui-nav-itemed dao">
                            <a href="javascript:;"><img src="{% static 'news/media/web/sz.png' %}"><span style="color: black;font-family: PingFangSC-Regular;font-size: 18px;color: #2C323E;letter-spacing: 1.23px;margin-left: 10px;">设置</a>
                            <dl class="layui-nav-child she" style="color: black;">
                                <dd style="background-color: white"><a href="{% url 'news:people' %}"><span style="color: black;font-family: PingFangSC-Regular;font-size: 16px;color: #5D5F62;letter-spacing: 1.09px;margin-left: 30px;">个人资料</span></a></dd>
                                <dd style="background-color: white;"><a href="{% url 'news:xgmm' %}"><span style="font-family: PingFangSC-Regular;font-size: 16px;color: #5D5F62;letter-spacing: 1.09px;margin-left: 30px;">修改密码</span></a></dd>
                                <dd style="background-color: white;"><a href="{% url 'news:log_out' %}"><span style=";font-family: PingFangSC-Regular;font-size: 16px;color: #5D5F62;letter-spacing: 1.09px;margin-left: 30px;">退出登录</span></a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        {% endblock %}



        {# 右边 #}
        {% block c_right %}
        {% endblock %}


{#        分页#}
{#        {% block primary %}#}
{#            <div class="asd">#}
{##}
{#            </div>#}
{#        {% endblock  %}#}







    </div>







{% endblock %}

    </body>

</html>
{% block js %}
<script src="/static/js/layui-v2.4.3/layui/layui.all.js"></script>
    <script>

        layui.use('laypage', function(){

            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
            elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: 50 //数据总数，从服务端得到
            });
        });


    </script>
{% endblock %}


